@charset 'utf-8';
    @import 'reset';
    @import 'common';
                
.team-buying{
    width: 100%;
    height: getRem(357px);
    .team-buying-top{
        width: 94%;
        height: getRem(93px);
        margin: 0 auto;
    }          
    .title{
        float: left;
        width: getRem(202px);
        height: getRem(58px);
        font-size: getRem(28px);
        margin-top: getRem(35px);
        font-weight: normal;
        span:first-of-type{
            display: inline-block;
            width: getRem(56px);
            height: getRem(53px);
            vertical-align: middle;                       
            img{
                width: 100%;
            }
        }
        span:last-child{
            width: getRem(118px);
            height: getRem(58px);
            line-height: getRem(58px);
            margin-left: getRem(8px);
        }
    }
    .more{
        float: right;
        width: getRem(91px);
        height: getRem(34px);
        margin-top: getRem(35px);             
        h2{
            display: inline-block;
            font-size: getRem(23px);
            font-weight: normal;
            a{
                color: black;
            }
        }
        i{
            display: inline-block;
            width: getRem(24px);
            height: getRem(24px);
            font-size: getRem(24px);
            color: #FF9344;
        }
    }
}
                
.team-buying-bottom{
    width: 77.7%;
    margin: 0 auto;                                   
        .imgwrap{
           width: getRem(240px);
           
           img{
               width: 100%;
           }  
        } 
        .imgwrap:nth-of-type(odd){
            float: left;
            margin-top: getRem(12px);
        }
        .imgwrap:nth-child(even){
            float: right;           
        }
        .imgwrap:nth-child(1),.imgwrap:nth-child(2){
             margin-top: getRem(12px);
        }
        .imgwrap:nth-child(3),.imgwrap:nth-child(4){
             margin-top: getRem(30px);
        }
        
}

.favourite{
    width: 100%;
    height: getRem(94px);
    margin: 0 auto;
    .favourite-top{
        width: 94%;
        margin: 0 auto;
        line-height: getRem(57px);
    }
    .guess{
        width: getRem(211px);
        height: getRem(58px);
        float: left;
        font-size: getRem(28px);
        margin-top: getRem(36px);
        .img_wrap{
            width: getRem(55px);
            height: getRem(57px);
            float: left;
            vertical-align: middle;
            img{
                width: 100%;
            }
        }
        h4{
            float: left;
            margin-left: getRem(8px);
            font-weight: normal;
        }
    }
    .more{
        width: getRem(81px);
        height: getRem(57px);
        float: right;
        font-size: getRem(23px);
        margin-top: getRem(36px);      
        i{
            float: left;
            font-size: getRem(25px);
            color: $defaultcolor;
            margin-left: getRem(10px);
       
        }
        h4{
            float: left;
            font-weight: normal;  
             margin-left: getRem(-10px);        
            a{
                color: black;
            }
        }
    }
}


.shop{
    li{
//      width: getRem(716px);
        width: 98%;
        height: getRem(164px);
        margin: getRem(31px) auto 0;
        .shop-img{
            width: getRem(210px);
            height: getRem(164px);
            float: left;
            img{
                width: 100%;
            }
        }
        .message{
            height: getRem(164px);
            overflow: hidden; 
            padding-left: getRem(21px);          
        }
    }
}

.row-1 {
    font-size: getRem(27px);
    margin: getRem(28px) auto getRem(20px);
    margin: 0 auto;
    h4{
        font-weight: normal;
    }
    h4:first-child{
        float: left;
    }
    h4:nth-child(2){
        float: right;
        font-size: getRem(17px);
    }
    
}

.row-2{
    font-size: getRem(21px);
    color: #696969;
}

.price {
    margin-top: getRem(11px);
    h4:first-child {
        float: left;
        font-size: getRem(25px);
        font-weight: normal;
        color: $defaultcolor;
    }
    h4:nth-child(2) {
        float: right;
        color: #696969;
        font-weight: normal;
        font-size: getRem(19px);
    }
}
